<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>store.html</title>
    <!-- <link rel="stylesheet" href="styles.css"> -->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/store.css">
    <script src="js/animate.js"></script>
    <script src="js/store.js"></script>



</head>

<body>
    <!-- 导航栏 -->
    <div class="navbar">
        <div class="logo">
            <img src="images/21.jpg" alt="">
        </div>
        <ul class="nav-links" type="none">
            <li><a href="#">首页</a></li>
            <li class="dropdown">
                <a href="#">理工馆</a>
            </li>
            <li><a href="#">医学馆</a></li>
            <li><a href="#">科普馆</a></li>
            <li><a href="#">教辅馆</a></li>
            <li><a href="#">科技馆</a></li>
        </ul>
        <div class="search">
            <input type="text" placeholder="搜一搜">
            <!-- 定位 放大镜 -->
            <span></span>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="slideshow-container">
        <div class="wrapper" id="wrapper">
            <ul id="ul">
                <li><a href=""><img src="images/41.avif" alt=""></a></li>
                <li><a href=""><img src="./images/42.avif" alt=""></a></li>
                <li><a href=""><img src="./images/43.avif" alt=""></a></li>
                <li><a href=""><img src="./images/45.avif" alt=""></a></li>
            </ul>
            <!-- 箭头 -->
            <a href="javascript:;" class="prev"></a> <!-- prev:上一个 -->
            <a href="javascript:;" class="next"></a> <!-- next :下一个 -->
            <!-- 圆点 -->
            <ol></ol>
        </div>
        <a href="javascript:;" class="prev"></a>
        <!-- next :下一个 -->
        <a href="javascript:;" class="next"></a>
    </div>
    <!-- 商品举例 -->
    <div class="article">
        <a href=""><img src="images/51avif.avif" alt=""></a>
      
    </div>
    <div class="article">
    <a href=""> <img src="images/53.avif" alt=""></a> 
</div>
<div class="article">
    <a href=""> <img src="images/52.avif" alt=""></a> 
</div>
<div class="article">
    <a href=""> <img src="images/55.avif" alt=""></a> 
</div>

    <!-- 页脚 -->
    <footer class="footer">
            <div class="wrapper">
                <div class="top">
                    <ul>
                        <li>
                            <!-- 通过伪元素添加标签实现精灵图 -->
                            <span>价格亲民</span>
                        </li>
                        <li>
                            <span>物流快捷</span>
                        </li>
                        <li>
                            <span>品质新鲜</span>
                        </li>
                    </ul>
                </div>
                <div class="bottom">
                    <p>
                        <a href="#">关于我们</a> |
                        <a href="#">帮助中心</a> |
                        <a href="#">售后服务</a> |
                        <a href="#">配送与验收</a> |
                        <a href="#">商务合作</a> |
                        <a href="#">搜索推荐</a> |
                        <a href="#">友情链接</a>
                    </p>
                    <p>CopyRight @ 天猫</p>
                </div>
            </div>
        
        
    </footer>

</body>

</html>